@use"sass:math";
@import "reset.scss";

.center {
    width: 1226px;
    margin: 0 auto;
}

img {
    width: 100%;
    height: 100%;
}

.top {
    width: 100%;
    background-color: #000;

    .nav {
        .active {
            display: none;
        }

        li {
            font-size: 14px;
            padding: 10px 10px;

        }

        .right {
            .right-nav {
                display: flex;
                justify-content: space-between;
            }

        }

        display: flex;
        justify-content: space-between;
        color: white;

        .left-nav {

            display: flex;
            justify-content: space-between;
            padding: 0;
        }
    }
}

// <!-- 商品 导航 懒得动手 引入截图-->
.bannerpci {
    width: 1226px;
    margin: 50px auto 0px;
    height: 70px;

    img {
        width: 100%;
        height: 40px;
    }

}

.p {
    width: 100px;
    height: 100px;
    background-color: pink;
    font-size: 32px;
    color: wheat;
}

// <!--  轮播图  swipe -->



//<!-- 侧边导航 -->


//<!-- 商品动态生成 -->
.wrap {
    display: flex;

    .left {
        width: 230px;
        height: 600px;

        img {
            width: 100%;
            height: 100%;

        }
    }

    .list {
        display: flex;
        box-sizing: border-box;
        flex-wrap: wrap;

        li {
            width: 230px;
            height: 280px;
            box-sizing: border-box;

        }
    }
}


//  底部

.footer {

    width: 1226px;
    margin: 50px auto 0px;
    height: 560px;

}